<template>
    <el-dialog :close-on-click-modal="false" :visible.sync="editVisible" title="订单详情" v-if="editVisible">
        <el-form inline label-width="120px" size="small">
            <el-form-item label="配送方式：">市内快递</el-form-item>
            <el-form-item label="收货人姓名：">周俊</el-form-item>
            <el-form-item label="客户等级：">V4</el-form-item>
            <el-form-item label="联系电话：">111111111</el-form-item>
            <el-form-item label="通讯地址：">仓库5楼</el-form-item>
            <el-form-item label="会员编号：">699</el-form-item>
            <el-form-item label="备注："></el-form-item>
        </el-form>
        <el-table :data="list" border size="mini">
            <el-table-column prop="orderNo" label="商品图片" align="center"></el-table-column>
            <el-table-column prop="sn" label="商品编号" align="center"> </el-table-column>
            <el-table-column prop="name" label="商品名称" align="center"> </el-table-column>
            <el-table-column prop="sno" label="条码" align="center"> </el-table-column>
            <el-table-column prop="color" label="颜色" align="center"> </el-table-column>
            <el-table-column prop="price" label="您的价格" align="center"> </el-table-column>
            <el-table-column prop="num" label="购买数量" align="center"> </el-table-column>
            <el-table-column prop="total" label="订购金额" align="center"> </el-table-column>
        </el-table>
        <el-row>
            <el-col :span="24" class="p10" style="text-align: right"> 商品总价：￥1367.40元</el-col>
            <el-col :span="16" class="p10"> 订单状态：已确认 确认于 2020-11-20 11:05:52 未付款 已发货 发货于 2020-11-20 17:13:18</el-col>
            <el-col :span="8" class="p10" style="text-align: right"> 下单时间：2020-11-19 19:16:56</el-col>
        </el-row>
    </el-dialog>
</template>

<script>
export default {
    data() {
        return {
            editVisible: false,
            list: [
                {
                    sn: 'DY-1065',
                    name: '	☆ToyalHG加厚档油防护板',
                    sno: '6955471106505',
                    color: '灰色',
                    price: '￥22.79元',
                    num: '60',
                    total: ' 1367.40  '
                }
            ]
        };
    },
    methods: {
        initData() {
            this.editVisible = true;
        }
    }
};
</script>

<style>
.p10 {
    padding: 10px;
}
</style>